<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <div id="app">
		{{msg}} {{1+1}} {{hello()}}<br />
		
		<span v-html="msg"></span><br />  <!-- 渲染成html -->
		<span v-text="msg"></span><br />  <!-- 原样解析 -->
		
		<a href="{{link}}">gogogo</a>  <!-- {{xxx}}  差值表达式只能用在标签体里边 -->
    </div>
	
	
    
    <script src="../node_modules/vue/dist/vue.js"></script>

    <script>
        new Vue({
            el:"#app",
        data:{
			msg:"<h1>Hello</h1>",
			link:"https://www.baidu.com"
		},
		methods:{
			hello(){
				return "world";
			}
		}
        });
    </script>
</body>
</html>